<template>
  <div>
    <div>
      <h3>title</h3>
      <div class="row">
        <div class="col">
          <div @click="change(0)">{{ list[0] }}</div>
        </div>
        <div class="col">
          <div @click="change(1)">{{ list[1] }}</div>
        </div>
      </div>
      <div class="row">
        <div class="col">
          <div @click="change(2)">{{ list[2] }}</div>
        </div>
        <div class="col">
          <div @click="change(3)">{{ list[3] }}</div>
        </div>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  props: ["title", "change", "list"],
});
</script>
